

/* ==========================css-views======================= */
#css-views{
  background-image: url(../img/london5.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}
#css-views .top{
text-align: center; 
color: black;
}
#css-views hr{
border: 1px solid gainsboro;
}

#css-views nav{
width: 10%;
position: fixed;
overflow: auto;
margin-left: 80%;
padding-top: 30%;
padding-left: 25px;
}
#css-views p{
font-size: 20px;
font-family: serif;
font-weight: bold;
text-indent: 2em;  
}
#css-views div{
border: 2px solid rgb(230, 230, 230);
margin-bottom: 10px;
position: relative;
border-radius: 5px;
box-shadow: 3px 3px 3px rgba(160, 159, 159, 0.5);
background-color: rgb(243, 243, 243);
height: 300px;
margin-left: 10%;
margin-right: 10%;
display: flex;
}
#css-views .p1{
width: 200px;
}
#css-views img{
border-radius: 5px;

margin-top: 2%;
height: 50%;
margin-left: 30px;

}
#css-views .button1,.button2{
width: 60px;
height: 60px;
color: white;
font-size: 20px;
text-decoration: none;
}
#css-views .button1{
/* background-color: rgb(160, 207, 255); */
background-color: #409EFF;
border: 1px solid #409EFF;
border-radius: 8px 8px 0px 0px;
box-shadow: 1px 1px 2px 2px #84b9ee;
}
#css-views .button2{
/* background-color: rgb(240, 249, 235); */
background-color: #67C23A;
border: 1px solid #67C23A;
border: 1px solid #67C23A;
border-radius: 0px 0px 8px 8px;
box-shadow: 1px 1px 2px 2px #86d161;
}
#css-views .button1:active{
background-color: #409EFF;
color: white;
}
#css-views .button1:hover{
background-color:rgb(160, 207, 255);
color: darkblue;
text-decoration: underline;
}
#css-views .button2:active{
background-color: #67C23A;
color: white;
}
#css-views .button2:hover{
background-color: rgb(240, 249, 235);
color: darkblue;
text-decoration: underline;
}
#css-views a{
color: black;
text-decoration: none;
font-size: 20px;
}
#css-views a:hover{
color: red;
text-decoration: underline;
}
#css-views a:active{
color: black;
text-decoration: none;
}
#css-views div:hover{
background-color: rgb(230, 230, 230);
color: darkred;
}
